* { margin:0; padding:0; font-size:14px;}
.clear { clear:both}

html,body { width: 100%; height: 100%; overflow: hidden; }
.topbg { background:#e8a634; color: #fff; display: block; text-align: center; position:absolute; left:0; top:0px; width:100%; line-height:45px; z-index:-1}
.probg {  position:fixed; left:0; width:100%; height:100%; top:130px;  z-index:-1}
.probg img { width:100%; }
.zhuzi { position:fixed; left:0; bottom:0; width:60%; height:auto; z-index:-1; opacity:.6}
.zhuzi img { width: 100%; }
.facet { display: block; width: 100%; position: absolute; left: 0; top: 0; line-height: 40px;  text-align: center; font-size: 16px; color: #f9f9f9 }


ul.info { width:90%; height:auto; margin:20px auto; overflow:hidden }
ul.info li { list-style-type:none; float:left; width:100%; margin-bottom:15px; line-height:40px;  text-align:center; background:#e8e8e8; border-radius:3px; color:#787878; overflow:hidden }
ul.info .headcon { display:none; width:95%; height:auto; margin:10px auto; overflow:hidden}
ul.info li.on { background:#d00000; color:#fff}



form.timu { z-index:999; width:100%; height:auto; position:absolute; left:0%; padding-bottom:20px; top:0px;  overflow:hidden}
form.timu h3 { bottom:0; width:100%;  line-height:40px; font-weight:100; margin:10px auto;}
.not { display:none}
form.timu .headcon { width:100%; height:auto; overflow:hidden; }
form.timu .headcon p { display:block; overflow:hidden}
form.timu .headcon p span {  float:left;margin-bottom:15px; width:30%; line-height:40px;  text-align:center; border-top-left-radius:3px; border-bottom-left-radius:3px; background:#c8c7c6; opacity:.7; color:#666; }
form.timu .headcon p input { float:left; margin-bottom:15px; width:70%; border:none; text-indent:1em; line-height:40px; border-top-right-radius:3px; border-bottom-right-radius:3px; background:#fff; opacity:.7}
form.timu .headcon p select { width:100%; height:40px; text-indent:1em}
form.timu .headcon p select opaction { width:100%; height:40px; }
form.timu .headcon input.resultshow { display:block; margin-top:20px; width:100%; border:none; background:#787878; color:#fff; text-align:center; line-height:40px; height:40px;}
iframe { margin-top:60px;}

.head .playerChose { display:none}

.demo{width:100%; }
.main-quiz-holder{margin:0 auto;position:relative;position:relative;width:100%; height:auto; padding-bottom:20px;}
.main-quiz-holder *{margin:0;padding:0;font-family:"Microsoft yahei",sans-serif;}
.main-quiz-holder a{text-decoration:none;color:#6C6C6C;}
.main-quiz-holder .slide-container{width:100%; height:auto; margin-top:45px;  overflow:hidden}
results-container { width:100%;}
.results-container,.intro-container{text-align:center;}
.results-container{}.main-quiz-holder .slide-container .question,.main-quiz-holder h2.qTitle{padding:30px 5% 20px 5%;font-size:16px;font-weight:normal; overflow:hidden; text-indent:4em; text-align:left; background: #f3f3f3; line-height:30px;}
.main-quiz-holder h2.qTitle{font-size:16px;margin-top:30px; line-height:26px}
.main-quiz-holder .question-number{position:absolute;left:5%;top:45px; width:60px; height:60px; background:url(../images/nobg.png) no-repeat; text-align:center; line-height:60px; color:#333; font-size:16px;}
.slide-container .score {position:absolute; width:100%; height:40px; line-height:40px;left:0;top:30%; font-size:20px;font-weight:normal; text-align:center}
.main-quiz-holder .slide-container ul.answers{margin:20px 5%;list-style:none;}
.main-quiz-holder .slide-container ul.answers input{ margin-right:10px;}
.main-quiz-holder .slide-container ul.answers li{cursor:pointer;padding:8px 30px;margin:12px 0;color:#333; background:url(../images/conbg.png); border-radius:3px; }
.main-quiz-holder .slide-container ul.answers li.selected{background:#d00000;box-shadow:0 1px 5px #d00000,inset 0 10px 20px #d00000;-o-box-shadow:0 1px 5px #d00000,inset 0 10px 20px #d00000;-webkit-box-shadow:0 1px 5px #d00000,inset 0 10px 20px #d00000;-moz-box-shadow:0 1px 5px #d00000,inset 0 10px 20px #d00000; opacity:.9; color:#fff}
.main-quiz-holder .slide-container .prev,.main-quiz-holder .slide-container .next{height:19px;cursor:pointer;padding:5px 10px;font-size:16px;padding:5px 15px;color:#4c4c4c;border-radius:4px;text-shadow:0 1px 0 rgba(255,255,255,0.3);background:#6fb2e5;box-shadow:0 1px 5px #0061aa,inset 0 10px 20px #b6f9ff;-o-box-shadow:0 1px 5px #0061aa,inset 0 10px 20px #b6f9ff;-webkit-box-shadow:0 1px 5px #0061aa,inset 0 10px 20px #b6f9ff;-moz-box-shadow:0 1px 5px #0061aa,inset 0 10px 20px #b6f9ff;}
.main-quiz-holder .slide-container .next{background:#77d125;box-shadow:0 1px 5px #3caa00,inset 0 10px 20px #c9ffb6;-o-box-shadow:0 1px 5px #3caa00,inset 0 10px 20px #c9ffb6;-webkit-box-shadow:0 1px 5px #3caa00,inset 0 10px 20px #c9ffb6;-moz-box-shadow:0 1px 5px #3caa00,inset 0 10px 20px #c9ffb6;}
.main-quiz-holder .progress-keeper{width:90%;margin:0px 12px;box-shadow:0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;border-radius:2px;border:1px solid #dedede;margin:0px auto 20px auto;}
.main-quiz-holder .progress{width:0;height:10px;color:#4c4c4c;background:#f6f6f6;background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#d4d4d4));background:-webkit-linear-gradient(#f6f6f6,#d4d4d4);background-image:-moz-linear-gradient(top,#f6f6f6,#d4d4d4);background-image:-moz-gradient(top,#f6f6f6,#d4d4d4);}
.main-quiz-holder .result-keeper{text-align:center;}
.main-quiz-holder .notice{margin-top:-30px;color:#717171;position:absolute;left:5%;bottom:40px; padding:5px; background:#fff; border-radius:3px; display:none}
.main-quiz-holder .slide-container .prev{width:70px;float:left;}
.main-quiz-holder .slide-container .next,.main-quiz-holder .slide-container .final{width:70px;float:right;}
.main-quiz-holder .slide-container .final{width:65px;}
.main-quiz-holder .nav-previous{}.main-quiz-holder .nav-next{}.main-quiz-holder .nav-show-result{padding-left:25px;background:url(images/confirm.png) left no-repeat;}

.main-quiz-holder .nav-start {display:block; background:url(../images/titlebg.png) no-repeat; width:220px; height:70px; line-height:70px; font-size:20px; font-weight:bold; position:absolute; left:50%; margin-left:-110px; bottom:20px; color:#fff}


.nav-start { display:block; background:#fff no-repeat; width:220px; height:40px; line-height:40px; font-size:18px; font-weight:bold; position:absolute; left:50%; margin-left:-110px; bottom:70px; text-align:center; color:#e8a634; text-decoration:none; border-radius: 5px;}

.nav-rule { display:block; background:#fff; width:220px; height:40px; line-height:40px; font-size:18px; font-weight:bold; position:absolute; left:50%; margin-left:-110px; bottom:20px; text-align:center; color:#e8a634; text-decoration:none; border-radius: 5px;}

.main-quiz-holder .nav-container{padding:5px;margin:15px 5%; overflow:hidden; margin-bottom:40px;}
.main-quiz-holder .result-row{width:80px;margin:10px 20px; display:inline-block;position:relative;}
.main-quiz-holder .result-row .resultsview-qhover{background:#FCFCFC;border:1px solid #dedede;box-shadow:0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;-o-box-shadow:0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;-webkit-box-shadow:0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;-moz-box-shadow:0 1px 5px #D9D9D9,inset 0 10px 20px #F1F1F1;border-radius:2px 10px 2px 10px;position:absolute;width:250px;top:50px;left:-80px;z-index:200;padding:15px 30px;text-align:left;font-size:22px;}
.main-quiz-holder .resultsview-qhover ul{list-style:none;margin:10px 0;}
.main-quiz-holder .resultsview-qhover li{padding:0 28px;margin:5px 0;min-height:20px;font-size:14px;background: #FCFCFC;border:1px solid #F6F6F6;border-radius:3px;}
.main-quiz-holder .resultsview-qhover li.selected{}.main-quiz-holder .resultsview-qhover li.right{}
.main-quiz-holder .correct,.main-quiz-holder .wrong{ height:19px;cursor:pointer;padding:5px 10px;font-size:14px;padding:5px 15px;color:#4c4c4c;border-radius:4px;text-shadow:0 1px 0 rgba(255,255,255,0.3);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 6px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.4);-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 6px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 0 6px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.4);}
.main-quiz-holder .correct{background:#c3e462;background:-webkit-gradient(linear,left top,left bottom,from(#c3e462),to(#90b61e));background:-webkit-linear-gradient(#c3e462,#90b61e);background-image:-moz-linear-gradient(top,#c3e462,#90b61e);background-image:-moz-gradient(top,#c3e462,#90b61e);border:1px solid #bfff00;}
.main-quiz-holder .wrong{background:#fc5e5e;background:-webkit-gradient(linear,left top,left bottom,from(#fc5e5e),to(#ea4646));background:-webkit-linear-gradient(#fc5e5e,#ea4646);background-image:-moz-linear-gradient(top,#fc5e5e,#ea4646);background-image:-moz-gradient(top,#fc5e5e,#ea4646);border:1px solid #e36d6d;}
.main-quiz-holder .correct span{padding:0 10px;background:url(images/confirm.png) 6px 2px no-repeat;}
.main-quiz-holder .wrong span{padding:0 10px;background:url(images/delete.png) 6px 2px no-repeat;color:#474747;}
.main-quiz-holder .question{padding-left:5px;line-height:1.3em; text-align:center}
.main-quiz-holder .share-button{display:block;margin:15px 0;}
.jquizzy-clear{clear:both;}.main-quiz-holder .right{float:none;}
.main-quiz-holder img{border:none;}


.fenshu { width: 90%; margin-top: 45px; padding: 30px 5%; background:#f1f1f1; }
.fenshu p { display: block;; width: 100%:; line-height: 40px; font-size: 16px; color: #666; text-align: center; }
.fenshu p .res { color: #f00; margin-left: 10px; font-size: 18px; }

.caozuo { width: 90%;  padding: 20px 5%;  }
.caozuo p { display: block;; width: 100%:; line-height: 40px; font-size: 16px; color: #666; text-align: center; font-weight: bold; }
.caozuo a { display: block; color: #fff; background: #f60; width: 40%; line-height: 40px; text-align: center; margin:10px 30%;  font-weight: bold;}

a.bgquan_info { width:100%; height:64px; display:block; margin-top: 70px;background:#00d400; border-bottom:6px solid #027500; overflow: hidden;}
.bi_left { float:left; height:64px; margin-left:10px;}
.bi_right { float:right; height:64px; margin-right:10px;}
a.bgquan_info p { line-height:34px; display:block; padding:0; font-weight:bold}
a.bgquan_info span { line-height:30px; display:block; padding:0; margin:0; text-align:left; text-indent:0; font-size:12px; color:#000}
form.hexiao { width: 90%; height: auto; margin: 30px 5% 30px 5%; overflow: hidden; box-sizing: border-box; border:1px solid #e3e3e3; }
form.hexiao input.txt { float: left; width: 60%; line-height: 40px; border:none; text-indent: 1em}
form.hexiao input.btn { float: right; width: 40%; background: #f60; line-height: 40px; text-align: center; color: #fff; border:none; }

.detial { width: 90%; padding: 15px 5% 30px; background: #f1f1f1 }
.detial strong { line-height: 40px; font-size: 16px; color: #333 }
.detial p { line-height: 30px; color: #666; }



@media ( min-width:600px ) {
	

.logo { position: absolute; width:90%; margin:0px 5% 0px 5%; text-align: center; left: 50%; top: 10%   }
.logo img { width:60%; max-width: 200px }

	}

@media ( max-width:600px ) {
	

 .one {  width:40%; max-width: 190px;  position:fixed; left:0; top:0; }
 .one img { width: 100%; }
	
	}
.logo { position: absolute; width:90%; margin:40px 5% 0px 5%; text-align: center; left: 50%;   }
.logo img { width:60%; }
span.host { width:190px; height:50px; background:url(../images/host.png) no-repeat; position:absolute; left:50%; margin-left:-100px;top:50%; margin-top:-80px}